<template>
  <view class="container">
    <sc-navbar back title="骨板组使用记录"></sc-navbar>
    <sc-grid padding="22rpx 19rpx" row="auto" row-gap="22">
      <glo-chunk>
        <sc-flex ai="center" col-gap="22">
          <glo-title title="测试骨板组001"></glo-title>
          <glo-tag text="正常"></glo-tag>
        </sc-flex>
        <sc-flex ai="center" col-gap="34" mt="20">
          <sc-image height="90" src="/static/imgs/empty.png" width="90"></sc-image>
          <glo-info :info="dingheInfo"></glo-info>
        </sc-flex>
      </glo-chunk>
      <glo-include name="使用记录" count="共8条记录">
        <view class="record-item" v-for="item in 5" :key="item">
          <sc-flex ai="center" col-gap="22">
            <glo-title title="测试骨板组001"></glo-title>
            <glo-tag text="正常"></glo-tag>
          </sc-flex>
          <sc-flex col-gap="33" mt="15" ai="center">
            <sc-image src="/static/imgs/empty.png" width="90" height="90"></sc-image>
            <glo-info :info="recordInfo"></glo-info>
          </sc-flex>
        </view>
      </glo-include>
    </sc-grid>
  </view>
</template>
<script setup>
const dingheInfo = ref([
  {
    label: "骨板组编码",
    value: "测试骨板组001",
    type: "single"
  },
  {
    label: "骨板组条码",
    value: "正常",
    type: "single"
  },
  {
    label: "所含数量",
    value: "100",
    type: "single"
  },
  {
    label: "剩余数量",
    value: "2023-01-01 12:00:00",
    type: "single"
  },
  {
    label: "生产厂家",
    value: "北京威高亚华人工关节开发有限公司",
    type: "single"
  },
]);

const recordInfo = ref([
  {
    label: "当前所在位置",
    value: "2023-01-01 12:00:00",
    type: "single"
  },
  {
    label: "货位",
    value: "张三",
    type: "single"
  },
  {
    label: "寄售订单",
    value: "10",
    type: "single"
  },
  {
    label: "操作人",
    value: "李滔",
    type: "single"
  },
]);
</script>
<style lang="scss">
page {
  background: $color-bg;
}
</style>
<style lang="scss" scoped>
.record-item {
  padding: 17rpx 24rpx 24rpx;
  background: #ffffff;
  border-radius: 15rpx 15rpx 15rpx 15rpx;
  border: 2rpx solid #f3f3f3;
}
</style>
